@CHARSET "UTF-8";
a {
	color: #111111;
	text-decoration: none;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear
}

a:focus, a:link, a:active {
	outline: none
}

a:hover {
	color: #F30
}

ol, ul, li {
	list-style: none
}

* {
	margin: 0;
	padding: 0
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%
}

.table_card {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px
}

.table_card .tab {
	height: 37px;
	font-size: 14px;
	border-bottom: 1px #e1e1e1 solid
}

.table_card .tab li {
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 25px;
	margin-right: 5px;
	background: #f0f0f0;
	border-top: 1px #e1e1e1 solid;
	border-left: 1px #e1e1e1 solid;
	border-right: 1px #e1e1e1 solid;
}

.table_card .tab li:hover {
	height: 37px;
	background: #fff;
	color: #333;
	cursor: pointer
}

.table_card .activ {
	height: 37px !important;
	background: #fff !important;
	color: #333
}

.table_card .tabCon {
	background: #fff;
	padding: 15px;
	border-bottom: 1px #e1e1e1 solid;
	border-left: 1px #e1e1e1 solid;
	border-right: 1px #e1e1e1 solid;
}

.table_card .tabCon div {
	display: none
}

.table_card .tabCon .on {
	display: block
}